<template>
  <l-choose-time @startChange="startChange" @endChange="endChange" ></l-choose-time>
  <br>
  <br>
  <l-choose-date @startChange="dataStartChange" @endChange="dataEndChange" :startOptions="startOptions"></l-choose-date>
</template>

<script setup lang="ts">

interface endValue {
  startTime: string,
  endTime: string
}

interface endDateVal {
  startDate: Date,
  endDate: Date
}

const startChange = (val: string) => {
  console.log(val);
}
const endChange = (val: endValue) => {
  console.log(val);
}

const dataStartChange = (val: string) => {
  console.log(val);
}
const dataEndChange = (val: endDateVal) => {
  console.log(val);
}
let startOptions = {
  size: 'default',
  clearable: false
}
</script>

<style scoped>

</style>